{extends file="../home.html"}
{block name="title"}{$head_title}{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/css/channel_index.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
body{
	background: #F3F3F3;
}
</style>
{/block}
{block name="content"}

	
	<div class="com_header">
		Sama字母圈<a href="javascript:;" class="search"><i class="icon_search"></i></a><a href="javascript:;" class="msg"><i class="icon_msg"></i><span class="dot"></span></a>
	</div>


	<!-- 轮播图 -->
    <div class="swiper-container home_banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="#"><img src="/Public/Images/img/banner-home@3x.png" alt=""></a>
            </div>
            <div class="swiper-slide">
                <a href="#"><img src="/Public/Images/img/banner-home@3x.png" alt=""></a>
            </div>
            <div class="swiper-slide">
                <a href="#"><img src="/Public/Images/img/banner-home@3x.png" alt=""></a>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>

			


	{include file="../Index/nav.html"}

{/block}
{block name="js"}

{literal}
	
<script>

	var home_banner = new Swiper('.home_banner',{
        pagination: '.swiper-pagination',
        paginationClickable: true,
        autoplay: 2000,//可选选项，自动滑动
    })

</script>
{/literal}
{/block}